$colorPackages: (
    default: (frontColor: #666,
        bgColor: #ccc,
        frontColorReverse: #666,
        bgColorReverse: #ccc,
    ),
    primary: (frontColor: #fff,
        bgColor: #409eff,
        frontColorReverse: #409eff,
        bgColorReverse: #fff,
    ),
    secondary: (frontColor: #fff,
        bgColor: lighten(#409eff, 10%),
        frontColorReverse: lighten(#409eff, 10%),
        bgColorReverse: #fff,
    ),
    success: (frontColor: #fff,
        bgColor: #67c23a,
        frontColorReverse: #67c23a,
        bgColorReverse: #fff,
    ),
    warning: (frontColor: #fff,
        bgColor: #e6a23c,
        frontColorReverse: #e6a23c,
        bgColorReverse: #fff,
    ),
    error: (frontColor: #fff,
        bgColor: #f56c6c,
        frontColorReverse: #f56c6c,
        bgColorReverse: #fff,
    ),
);

$defaultBgColor: #fff;
$defaultShadowColor: #ccc;
$defaultBorderColor: #dedede;

$sizePackages: (
    xs: (size: 16px,
        fontSize: 12px,
        borderRadius: 2px,
        space: 12px,
    ),
    s: (size: 24px,
        fontSize: 13px,
        borderRadius: 3px,
        space: 18px,
    ),
    m: (size: 32px,
        fontSize: 14px,
        borderRadius: 4px,
        space: 24px,
    ),
    l: (size: 40px,
        fontSize: 15px,
        borderRadius: 5px,
        space: 30px,
    ),
    xl: (size: 48px,
        fontSize: 16px,
        borderRadius: 6px,
        space: 36px,
    ),
);

$directions: (
    "": ("top",
        "right",
        "bottom",
        "left",
    ),
    h: ("left",
        "right",
    ),
    v: ("top",
        "bottom",
    ),
    t: "top",
    r: "right",
    b: "bottom",
    l: "left",
);

$spaceProps: (
    m: "margin",
    p: "padding",
);
$ratios: (
    "": 1,
    n: -1,
    "0": 0,
);